{% extends 'base/base.html' %}

{% block css %}
<style>
    .main_left{
        float: left;
        display: inline;
        width: 760px;
        border: 1px solid #E4E4E4;
        margin-top: 8px;
        height: 1%;
    }
    .main_left .title{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background: url(/static/img/header_bg.png) no-repeat;
        background-position: 0 -129px;
        background-repeat: repeat-x;
    }
    .main_left .title i{
        width: 12px;
        height: 16px;
        float: left;
        display: inline;
        background: url(/static/img/header_bg.png) no-repeat;
        background-position: -101px -210px;
        margin: 12px 10px 0 15px;
    }
    .main_left .title h2{
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        display: inline;
        float: left;
        margin: 0;
    }
    .main_left .content .latest_update{
        line-height: 30px;
        padding: 10px;
    }
    .main_left .content .latest_update .banner2{
        text-align: center;
        padding: 0 0 10px 0;
    }
    .main_left .content .latest_update a{
        font-size: 13px;
    }
    .main_left .content .latest_update a, a:visited{
        color: #2f468f;
        text-decoration: none;
        position: static;
    }
    .main_left .content .latest_update li{
        border-bottom: 1px dotted #E4E4E4;
        padding: 0 10px;
        text-align: right;
        font-size: 12px;
    }
    .main_left .content .latest_update li p{
        float: left;
        display: inline;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 0;
    }
    .main_left .content .latest_update li .ul1{
        width: 210px;
        height: 24px;
    }
    .main_left .content .latest_update li .ul2{
        width: 380px;
    }
    .main_right{
        float: right;
        width: 190px;
        display: inline;
    }
    .main_right .block{
        border: 1px solid #E4E4E4;
        margin-top: 8px;
        height: 1%;
    }
    .main_right .block .blocktitle{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background: url(/static/img/header_bg.png) no-repeat;
        background-position: 0 -129px;
        background-repeat: repeat-x;
    }
    .main_right .block .blocktitle span{
        width: 80px;
        height: 30px;
        background: url(/static/img/header_bg.png) no-repeat;
        background-position: 0 -384px;
        margin: 10px 0 0 10px;
        line-height: 30px;
        text-align: center;
        text-indent: 12px;
        font-size: 12px;
        }
    .main_right .block .blocktitle h2{
        font-size: 14px;
        font-weight: bold;
        display: inline;
        float: left;
        line-height: 40px;
        margin: 0;
    }
    .main_right .block .blockcontent{
        line-height: 25px;
        padding: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .main_right .block .blockcontent .rec li{
        border-bottom: 1px dotted #F2F2F2;
        padding: 0 3px;
        list-style: decimal inside;
        position: relative;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .main_right .block .blockcontent .rec li a, a:visited{
        font-size: 12px;
        color: #2f468f;
        text-decoration: none;
        position: static;
    }
</style>
{% endblock %}

{% block title %}
<title>顶点小说</title>
{% endblock %}

{% block body %}
<div class="box">
    <div class="bdtop"></div>
    <div class="main_left">
        <div class="title">
            <i></i>
            <h2>最近更新</h2>
        </div>
        <div class="content">
            <ul class="latest_update">
                <div class="banner2"></div>
                {% for b in bk %}
                <li>
                    <p class="ul1">
                        [{{ b.category }}]
                        <a href="{% url 'main:detail' b.id %}">{{ b.name }}</a>

                    </p>
                    <p class="ul2">
                        <a href="#">{{ b.latest_chapter }}</a>
                    </p>
                    <p>{{ b.author }}</p>
                    {{ b.last_update_simple }}
                </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="main_right">
        <div class="block">
            <div class="blocktitle">
                <span>
                    <h2>推荐小说</h2>
                </span>
            </div>
            <div class="blockcontent">
                <ul class="rec">
                    {% for r in ri %}
                    <li><a href="{% url 'main:detail_index_rec' r.id %}">{{ r.name }}</a></li>
                    {% endfor %}

                </ul>
            </div>
        </div>
        <div class="block">
            <div class="blocktitle">
                <span>
                    <h2>最新小说</h2>
                </span>
            </div>
            <div class="blockcontent">
                <ul class="rec">
                    {% for l in li %}
                    <li><a href="#">{{ l.name }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>


{% endblock %}




